.main {
	padding-block-start: 50px;
	background-color: #c50206;
	height: 100vh;
	box-sizing: border-box;
}

.top-bar {
	box-sizing: border-box;
	position: fixed;
	height: 50px;
	width: 100%;
	max-width: 540px;
	padding-inline: 16px;
	background-color: #c50206;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.return {
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 16px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	transform: rotateZ(-45deg);
}

.logo {
	height: 150px;
}

.form {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	height: 160px;
	justify-items: center;
}

.form input {
	border: 2px solid #ffff27;
	border-radius: 6px;
	background: #c50206;
	box-sizing: border-box;
	color: #fff;
	padding-left: 20px;
}
.form1 input::placeholder {
	color: #fff;
}
.form1 input,
.form1 button {
	display: block;
	width: 280px;
	height: 40px;
	font-size: 16px;
	color: #fff;
}

.form button {
	padding: 0;
	display: block;
	width: 280px;
	height: 40px;
	margin: 0 auto 20px;
	font-size: 16px;
	color: #fff;
	background: #e43228;
}
